<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-BR">
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>${play.configuration.get('application.displayName')}</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">


    <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->

    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le styles -->
<link href="../../public/stylesheets/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="../../public/stylesheets/bootstrap-responsive.css" rel="stylesheet" type="text/css" />
<link href="../../public/stylesheets/main.css" rel="stylesheet" type="text/css" />
<link href="../../public/stylesheets/tablesorter.css" rel="stylesheet" type="text/css" />



    #{stylesheet 'bootstrap.css' /}
    <style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
        background-image: url(../../public/images/main-bg.jpg); 
      }
      .sidebar-nav {
        padding: 9px 0;
      }
    </style>
    #{stylesheet 'bootstrap-responsive.css' /}
    #{get 'moreStyles' /}

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="${'/public/images/favicon.png'}">

    <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
  </head>

  <body>

<div class="container ">
<div class="navbar navbar-top">
       <div class="header" style="margin-top:-50px;"><img src="../../public/images/cidade.png" /></div>
      <!--   <div class="header" background-image="../../public/images/cidade.png"; style="margin-top:-50px; width:1000px;"><img src="../../public/images/cidade.png" width="244" height="79" /></div>-->
       <div style="height:45px; padding-top:5px;"  class="navbar-inner">
        <div class="container-fluid">
        <div class="navbar-search">
        	<form action="@{Imovels.mostrar()}" method="get" >
        		<input type="text" name="id" value=""  placeholder="Busque Imóvel pela referência"/>
         		<button style="margin-top:-6px;"  value="Buscar" class="btn btn-small" type="submit"><i class="icon-search"></i>Buscar</button>
            </form>
        </div>
         
		   <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <div class="nav-collapse">
          #{if session.get('username')}
            <p class="navbar-text pull-right">Bem-vindo ao seu cafofo, <strong class="white">${session.get('nome')}</strong>.</p>
          #{/if}
          #{else}
         	#{form @Security.authenticate(),method:'POST',class:'navbar-form pull-right'}
				<input type="text" class="span2" name="username" placeholder="e-mail"/>
    			<input type="password" class="span2"  name="password" placeholder="senha"  />
    			<button type="submit" class="btn"> <i class="icon-lock"></i> Entrar</button>
    		#{/form}
          #{/else}
              
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>

    <div class="container-fluid">
      <div class="row-fluid">
        <div class="span3">
        #{include 'barraLateral.html' /}
        </div><!--/span-->
        <div class="span9">
        #{mensagemAlerta /}
        #{doLayout /}
        </div>
      </div><!--/row-->
      

      <footer style="bottom:0;">
      <hr>
      <div >
      	<p style="text-align:center; color:#99cc33;" >&copy; MeuCafofo <span style=" font-size:9px;" ><i>BETA</i></span></p>
      </div>
        
      </footer>

    </div><!--/.fluid-container-->
    
    <!-- Le javascript
    ================================================== -->

    <!-- Placed at the end of the document so the pages load faster -->
    #{script 'jquery-1.7.1.min.js' /}
    #{script 'bootstrap-transition.js' /}
    #{script 'bootstrap-alert.js' /}
    #{script 'bootstrap-modal.js' /}
    #{script 'bootstrap-dropdown.js' /}

    #{script 'bootstrap-scrollspy.js' /}
    #{script 'bootstrap-tab.js' /}
    #{script 'bootstrap-tooltip.js' /}
    #{script 'bootstrap-popover.js' /}
    #{script 'bootstrap-button.js' /}
    #{script 'bootstrap-collapse.js' /}

    #{script 'bootstrap-carousel.js' /}
    #{script 'bootstrap-typeahead.js' /}
    #{i18n /}
    #{get 'moreScripts' /}
  </div>

</body>
</html>
